/**
 * Created with JetBrains PhpStorm.
 * User: xuheng
 * Date: 12-8-8
 * Time: 下午2:09
 * To change this template use File | Settings | File Templates.
 */
(function () {
  var me = editor
  var preview = $G('preview')
  var preitem = $G('preitem')
  var tmps = templates
  var currentTmp
  var initPre = function () {
    var str = ''
    for (var i = 0, tmp; tmp = tmps[i++];) {
      str += '<div class="preitem" onclick="pre(' + i + ')"><img src="' + 'images/' + tmp.pre + '" ' + (tmp.title ? 'alt=' + tmp.title + ' title=' + tmp.title + '' : '') + '></div>'
    }
    preitem.innerHTML = str
  }
  var pre = function (n) {
    var tmp = tmps[n - 1]
    currentTmp = tmp
    clearItem()
    domUtils.setStyles(preitem.childNodes[n - 1], {
      'background-color': 'lemonChiffon',
      border: '#ccc 1px solid'
    })
    preview.innerHTML = tmp.preHtml ? tmp.preHtml : ''
  }
  var clearItem = function () {
    var items = preitem.children
    for (var i = 0, item; item = items[i++];) {
      domUtils.setStyles(item, {
        'background-color': '',
        border: 'white 1px solid'
      })
    }
  }
  dialog.onok = function () {
    if (!$G('issave').checked) {
      me.execCommand('cleardoc')
    }
    var obj = {
      html: currentTmp && currentTmp.html
    }
    me.execCommand('template', obj)
  }
  initPre()
  window.pre = pre
  pre(2)
})()
